<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body class="dpflex fdcolumn">
    <main>
        <!-- 头部 --> 
        <div class="dpflex jsaround Tibox">
            <div class="Box bdr">跑步</div>
            <div class="Box">骑行</div>
            <div class="Box">课程训练</div>
        </div>
        <div class="Mantle">
            <div class="showBox Running show">
                <div class="TitBox">
                    <h5>目前累积跑步距离</h5>
                    <div><span class="RunningNum">999.99</span>公里</div>
                </div>
                <div class="MapPic"></div>
                <div class="footBox">
                    <h4>跑步路线</h4>
                    <p>使用跑步路线，邂逅附近的同行者</p>
                    <div>></div>
                </div>
            </div>
            <div class="showBox Running">
                <div class="TitBox">
                    <h5>目前累积骑行距离</h5>
                    <div><span class="RunningNum">999.99</span>公里</div>
                </div>
                <div class="MapPic"></div>
                <div class="footBox">
                    <h4>骑行路线</h4>
                    <p>使用骑行路线，邂逅附近的骑行达人</p>
                    <div>></div>
                </div>
            </div>
            <div class="showBox Train" id="ClassBox">
            </div>
        </div>
    </main>
    <footer></footer>
</body>

</html>